@if mgwt.css pretty {
	@external mgwt-DropDownMenu, mgwt-DropDownMenu-content,  mgwt-DropDownMenu-arrow;
	
}

.mgwt-DropDownMenu {
	
	width: 300px;
	\-webkit-padding-start: 0px;
	\-webkit-border-radius: 10px;
	\-webkit-box-shadow: 2px 2px 10px #000000;
	background-color: #131b2f;
	border: solid 2px #4f4f4f;
	margin: 0px;

	
	top: 50px;
	left: 10px;
	bottom: 20px;
	position: absolute;
}



.mgwt-DropDownMenu-content {
	
	display: -webkit-box;
	\-webkit-box-orient: vertical;
	width: 100%;
	height: 100%;

}



.mgwt-DropDownMenu-arrow {
	
	background-color: #ffffff;
	margin: 0px 5px 5px 5px !important;
	\-webkit-border-radius: 5px;
	position: absolute;
	top: -15px;
	left: 3px;
	height: 30px !important;
	width: 30px;
	border: solid 2px #4f4f4f;
	border-bottom: none;
	border-right: none;
	background-color: #7d828c !important;
	\-webkit-transform: rotate(45deg);
	\-webkit-mask-image: literal('-webkit-gradient(linear, left top, right bottom, from(#000000), color-stop(0.5, #000000), color-stop(0.5, transparent), to(transparent) )');


}